- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端二次元
利用 Lint 工具链来保证代码风格和质量
但仅有规范本身不够，我们需要自动化的工具(即Lint 工具)来保证规范的落地，把代码规范检查(包括自动修复)这件事情交给机器完成，开发者只需要专注应用逻辑本身。 本节，我们将一起来完成 Lint 工具链在项目中的落地，实现自动化代码规范检查及修复的能力。 插件和Vite 生态在项目中集成完整的 Lint 工具链，搭建起完整的前端开发和代码提交工作流，这部分内容虽然和 Vite 没有直接的联系，但也是 Vite 项目搭建中非常重要的一环，是前端工程化的必备知识 JS/TS 规范工具: ESLint简介ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。 Nicholas 当初做这个开源项目，就是为了打造一款插件化的 JavaScript 代码静态检查工具，通过解析代码的 AST 来分析代码格式，检查代码的风格和质量问题。
1.6K20编辑于 2023-11-24 - 来自专栏向治洪
如何在Vite项目中使用Lint保证代码质量
图片通常，大型前端项目都是多人参与的，由于开发者的编码习惯和喜好都不尽相同，为了降低维护成本，提高代码质量，所以需要专门的工具来进行约束，并且可以配合一些自动化工具进行检查，这种专门的工具称为Lint， 对于实现自动化代码规范检查及修复，可能大家已经听说过ESLint、Prettier、Stylelint和Commitlint 等诸多主流 Lint 工具的概念和使用，而在实际使用过程中，可能还需要配合husky 、lint-staged、VSCode等插件形成完整的Lint工具链。 Zakas在2013年开源的一个用于监测JavaScript代码的项目，可以用它来检查语法规则和代码风格，从而保证项目中的代码语法正确、风格统一。目前，Eslint已成为前端工程化的必备插件。 1.2 初始化ESLint使用ESLint之前，需要先安装 ESLint，然后在利用 ESLint 官方的 cli 脚手架工具进行初始化操作。
75520编辑于 2023-08-11 - 来自专栏福大大架构师每日一题
mcp-go v0.27.1震撼发布！全面升级与实用优化，助力你的Go项目飞跃发展！
)，提升社区协作体验 • 增加Issue和Pull Request模板，加快问题处理速度和代码合并流程 • 新增golangci-lint工具集成，提升代码质量控制和自动化检测能力 • 修复WithHTTPContextFunc 持续集成利器：golangci-lint 加入项目CI golangci-lint是一款聚合了多种静态代码分析工具的检查平台，能自动发现潜在代码缺陷、性能问题、风格不统一等。 v0.27.1版本正式将golangci-lint纳入CI流程： • 自动检查合入PR的代码质量 • 及时反馈代码风格和潜在BUG • 保障代码库整洁、易维护 这项改动极大提升了项目的开发质量，减少了线上 这保证了文档内容指向精准、访问顺畅，不会出现死链。 7. 使用golangci-lint 项目现在默认集成该静态检查工具，推荐在本地和CI中统一使用，保证代码高质量。
21900编辑于 2025-05-17 - 来自专栏Nuxt.js 实战系列
Nuxt3 实战 (二)：配置 Eslint、Prettierrc、Husky等项目提交规范
促进项目管理：项目开发规范有助于项目经理更好地管理项目进度和资源。通过制定明确的任务划分、版本控制和文档要求等规范，项目经理可以更加有效地监控项目进度，确保项目按时按质完成。 工具介绍 Eslint：一个静态代码分析工具，可以帮助开发者检查代码存在的语法问题，编码风格和潜在问题，并提供修复方式。 Prettier：一个代码格式化工具，可以通过自定义规则来重新规范项目中的代码，去掉原始的代码风格，确保团队的代码使用统一相同的格式。 Stylelint：一个用于检测 CSS 代码中潜在问题和风格错误的工具。它可以帮助我们规避 CSS 上的一些错误和风格的统一。 Lint-staged：一个基于Node.js的库,它可以对Git仓库中的暂存区(staged)代码进行线性检测,从而确保代码质量。 Commitlint：项目 commit 提交风格规范。
1.3K10编辑于 2025-08-13 - 来自专栏前端西瓜哥的前端文章
项目中使用 husky 格式化代码和校验 commit 信息
今天我们学习使用 husky 工具，在 commit 的时候做一些风格的校验工作，包括 commit 信息格式化和文件格式化。 利用 git hook 的能力，我们就可以在 commit 前做一些风格检验或格式化，比如 ESLint、Prettier、commit 格式等。 格式化要暂存区的文件 lint-staged 是一个命令行工具，它能够对 git 的 staged（暂存区）中的文件使用 linter 工具格式化，修复一些风格问题，并再次添加到 staged 上。 使用 lint-staged 强制提交的文件做格式化适用的场景： 一些团队成员使用的编辑器没有或未安装格式化插件，代码不能在保存后自动格式化，容易提交风格错误的代码； 项目开发了一段时间才引入了代码风格规范 时，配合 eslint 等 linter 工具做文件的格式化，并配合 commitlint 校验 commit 信息格式，是工程化统一代码风格的一大利器。
3.1K20编辑于 2022-12-21 - 来自专栏前端博客
项目git commit时卡主不良代码：husky让Git检查代码规范化工作
这时候就需要对每次提交，需要输入message，对提交的备注进行规范化处理代码规范落地难：归根结底在于需要工具去强行保证代码必须经过代码开发规范的扫描；低质量代码带入线上应用：最好的方式本地进行commit 的时候，最起码需要保证当前代码能够满足团队制定的开发规范，如果不通过，commit都无法成功，这样能够从最源头保证代码质量问题；代码格式难统一：需要一种工具强制保证团队内代码的格式是一致；代码质量文化难落地 如果该钩子以非零值退出，Git 将放弃此次提交，你可以利用该钩子，来检查代码风格是否一致。prepare-commit-msg：该钩子在启动提交信息编辑器之前，默认信息被创建之后运行。 ，来进行提交前的校验lint-staged默认情况下上面的命令会对所有的代码进行校验，这无疑是非常浪费时间的。 这时候我们需要借助 lint-staged来对暂存的 git 文件运行校验具体查看：https://www.npmjs.com/package/lint-staged在package.json 里添加如下代码
2.4K41编辑于 2022-07-12 - 来自专栏Vue中文社区
盘点那些前端项目上的规范工具
今天，来聊聊这些工具的工作原理和基本使用，了解它们是如何发挥作用的，以及如何更好地利用这些工具去规范项目的代码。 所以，在实际运用中，我们需要保证这些文件只会采用其中一种进行格式化，避免不必要的格式化。更遭的情况是启用了两个，而且两个工具的风格配置互相冲突。 下图是一段只有风格问题的代码在分别启用这两种工具时的编辑器显示。 提交时：Git hooks + lint-staged Git pre-commit hook 可以让我们在提交之前执行一些命令，利用这点，可以在提交前对代码执行代码的 lint 检查和格式化，自动修复一些可以修复的问题 branch-name-lint: 检查代码分支是否符合规范。 在使用中，要善于利用编辑器、git hooks、CI 工具来自动化执行代码检查和格式化。
1.6K40编辑于 2023-05-12 - 来自专栏Go 技术
利用 Git Hook 自动化 Go 代码审查，提高代码质量
对于 Go 开发者来说，借助 Git Hook 和常用的代码审查工具，我们可以在每次提交代码时，自动执行格式检查、风格检查和潜在问题检测，避免每次手动输入命令的繁琐过程。 Go 代码审查工具下面介绍几个常用的 Go 代码审查工具，它们可以与 Git Hook 配合使用，帮助自动化检查和规范化代码。 gofmt 代码格式化工具 gofmt 是 Go 语言自带的格式化工具，它可以自动格式化 Go 代码，确保代码风格统一。功能：自动格式化 Go 代码，解决代码排版不一致的问题。 exit 1 fi小结自动化代码审查不仅仅是一个技术手段，它还是提高开发效率、保证代码质量和团队协作的有力保障。 通过合理配置 Git Hook 和结合 Go 语言的各类工具，开发团队可以显著减少手动检查的时间，保证代码的一致性和质量，并在项目迭代中保持高效的开发节奏。
74686编辑于 2025-01-24 - 来自专栏编程之旅
使用 husky 和 lint-staged 来构建你的前端工作流
ESLint 是一个在前端工具链中被众人熟知的代码检查工具，它能够被开发者灵活的配置，使其能够达到我们提前制定好的代码规范的要求，并且在编码过程中实时检测输入的代码，对于不符合代码规范的代码警告或报错。 不得不说，在有了 ESLint 这个工具之后，团队之间开发维护会舒服很多，因为在强制约束下，你只需要去理解代码本身的含义就可以了，对于风格的问题则少了很多麻烦。 Husky 能够帮你阻挡住不好的代码提交和推送。 有多种方式能够配置 lint-staged，例如在 package.json 中添加对应的对象，例如使用 JSON 或者 YML 文件来配置，例如写一个 js 文件来配置等等。 对于这样好的工具，闭着眼睛就能按 star 了，统一团队的代码风格，真的很重要。能够让错误防范于未然。
3.4K30发布于 2019-06-24 - 来自专栏前端框架
前端工具界的秦始皇终于出现了！
正文 作为 Vite 的超集工具链，旨在统一 dev、build、test、lint、format 和 monorepo 缓存等功能到一个单一依赖中！ 性能与规模：Rust驱动的低级优化 Vite+ 的核心竞争力在于 Rust 实现的底层组件，确保企业级规模下的高效性： 构建速度：利用Rolldown作为统一捆绑器，提供 40 倍于Webpack的生产构建加速 统一CLI：从Dev到Deploy的全链路 Vite+通过单一CLI（vite+命令）覆盖整个工作流，取代Turborepo/Nx的缓存机制： Dev & Build：vite+ dev启动开发服务器， Test & Lint：vite+ test运行Vitest测试，vite+ lint执行Oxlint检查，vite+ format统一代码风格。 最后 Vite+ 通过 Rust 加速的统一 CLI 和 GUI 工具，彻底重塑了 Web 开发工具链，从零配置构建到 monorepo 缓存，全方位解决企业痛点。
66910编辑于 2025-11-17 - 来自专栏啄木鸟软件测试
Android 项目代码质量保证实践
为此，我们从编码前期、编码中期和编码后期保证进行了初步尝试。 虽然定义了这些工具类，但终究存在应该使用而没有使用的情况。当然这些工具代码并不难，开发在自己的模块也能很容易的实现和使用，一般也不会出问题。然而上述讲的优点都会消失掉。 所幸，Android Studio 为我们提供了编码模板来解放开发的工作，并一定程度上统一编码风格。 然后编码规范毕竟只是软规范，而提供编码模板更多的解决大量 util 的使用问题和便利小伙伴完成机械编码，并不能完全保证程序猿严格按照全部的规范来编码。 image 这就原生 Lint 给我们提供的错误提示功能。除了和 FindBugs 重复的纯 java 代码检查之外，Lint 能检查很多其他工具无法检查的内容，也更贴合 Android： ?
2.3K20发布于 2019-12-12 - 来自专栏四楼没电梯
从 ESLint 和 Prettier 到 Biome：前端代码质量的新纪元
在前端开发的世界里，ESLint 和 Prettier 已经成为确保代码一致性和无错误的标准工具。随着项目的复杂性增加，工具的性能问题和配置冲突也逐渐显现。 通常，ESLint 用于代码静态检查和发现潜在错误，而 Prettier 则用于统一代码风格。 这使得它特别适合 TypeScript 项目，既可以进行类型检查，也能进行代码风格的统一处理。 在 TypeScript 项目中，可以直接运行 Biome 来同时完成 lint 和格式化任务： npx biome . 随着项目复杂度的增加，Biome 有望成为前端开发工具链中不可或缺的一部分。如果你正在寻找一个高效的替代方案来取代 ESLint 和 Prettier，Biome 无疑是一个值得尝试的选择。
82910编辑于 2024-10-12 - 来自专栏开源技术小栈
Mago 刚刚用 Rust 重写了所有 PHP 工具？
概述 最近在 PHP 开发社区中，工具链的性能和效率一直是个热门话题。 最近 Mago 的新工具横空出世，它声称用 Rust 语言重写了 PHP 的核心工具链，包括代码格式化、Lint 检查和静态分析功能。 Mago 是一个多功能 PHP 工具链，它整合了三个主要功能： 代码格式化（Formatter）：类似于 Laravel 的 Pint 或 Prettier 的 PHP 版本，能自动调整代码风格，确保一致性 Lint 检查（Linter）：检测语法错误和潜在问题。 静态分析（Static Analyzer）：类似于 PHPStan 或 Rector，能深入检查代码逻辑、类型安全和最佳实践。 配置文件使用 TOML 格式（Rust 生态常见），包括格式化定义、Lint 规则和分析选项。
41810编辑于 2025-09-11 - 来自专栏phodal
如何设计完善的构建系统，为日常开发提速一倍
代码质量 lint检测编程风格 当 C 还是一门新型的编程语言时，还存在一些未被原始编译器捕获的常见错误，所以程序员们开发了一个被称作 lint 的配套项目用来扫描源文件，查找问题。 对应于不同的语言都会有不同的 lint 工具，在 Python 语言中有 Pylint，在 JavaScript 中就有 JSLint，在Java里有lint4j等等。 当我们使用驼峰来取变量时，我们所使用的Lint工具就会提示我们这个错误。 代码格式规范。不同的人、团队、语言对于编程风格有偏好，而在团队合作时，我们需要保持这些风格的一致性。 即使我们已经做出了一套规范，如果没有对应的代码检视机制，那么我们还是需要依靠工具来帮助我们提高。 运行测试 在我们准备提交代码到服务器的时候，我们就需要运行测试来保证不破坏系统原来的功能。 对于单元测试和功能测试而言，我们可以使用测试框架自带的测试命令来运行——只需要调用测试框架的接口即可。
88170发布于 2018-01-29 - 来自专栏程序语言交流
让团队代码像一个人写的
前端代码规范 一千个读者，有一千个哈姆雷特 一千个程序员，就有一千种代码风格 由于个人喜好、习惯、编码风格各异，因此团队合作中需要统一规范 前端代码规范流程实践思路 本地开发过程，提示、校验、更改 Git 项目构建时 lint 规则可以继承优秀团队基于最佳实践设定的编码规范，如 airbnb, 这样避免重复造轮子造成人力的资源浪费和规则覆盖的缺陷，继承社区知名代码规范后团队内部再进行细节调整 { eslint-config-alloy) vue-cli3 脚手架初始化项目时规范选择 可以设置部分 eslint rule 为警告，保障开发体验，并且在 pre-commit 与 CI 中把警告视为不通过，保证严格的代码规范 与 pre-commit hook 结合可以帮助校验 Lint，如果非通过代码规范则不允许提交。 / 前端代码规范（静态检查）工具 前端团队代码规范最佳实践 自动化代码规范工具 由浅入深定制你的代码规范与检查 ESLint husky githooks GitLab Continuous Integration
80720编辑于 2022-07-29 - 来自专栏前端鼓励师
从 0 开始手把手带你搭建一套规范的 Vue3.x 工程化项目
集成 husky 和 lint-staged 我们在项目中已集成 ESLint 和 Prettier，在编码时，这些工具可以对我们写的代码进行实时校验，在一定程度上能有效规范我们写的代码，但团队可能会有些人觉得这些条条框框的限制很麻烦 所以，我们还需要做一些限制，让没通过 ESLint 检测和修复的代码禁止提交，从而保证仓库代码都是符合规范的。 这些工具并不是必须的，没有它们你同样可以可以完成功能开发，但是利用好这些工具，你可以写出更高质量的代码。特别是一些刚刚接触的人，可能会觉得麻烦而放弃使用这些工具，失去了一次提升编程能力的好机会。 提交规范 前面我们已经统一代码规范，并且在提交代码时进行强约束来保证仓库代码质量。 多人协作的项目中，在提交代码这个环节，也存在一种情况：不能保证每个人对提交信息的准确描述，因此会出现提交信息紊乱、风格不一致的情况。
7.7K62发布于 2021-04-26 - 来自专栏后端
Golang深入浅出之-Go语言代码质量与规范：遵循Gofmt与Linting
本文将深入探讨如何利用gofmt和Lint工具来提升Go代码的质量，避免常见错误，并通过实例代码加深理解。 Gofmt：自动格式化，让代码风格统一gofmt是Go语言自带的代码格式化工具，它能自动调整代码的布局，如缩进、空格、括号等，确保代码风格的一致性。 Linting：静态代码分析，提升代码质量Lint工具（如golint、govet、staticcheck等）则更进一步，它们不仅关注代码的格式，还检查潜在的编程错误、未使用的变量、错误的命名约定等。 b)}应用gofmt和遵循Lint工具的建议后，代码应调整为：package mainimport "fmt"func main() { a := 10 b := 20 sum := 结语遵循gofmt和Linting工具的指导，不仅能提升代码的可读性和可维护性，还能减少团队间的沟通成本，提高开发效率。记住，良好的编程习惯从每一次格式化和Lint检查开始。
47920编辑于 2024-05-01 - 来自专栏黯羽轻扬
React背后的工具化体系
一.概览 React工具链标签云： Rollup Prettier Closure Compiler Yarn workspace [x]Haste [x]Gulp/Grunt Rollup, Closure Compiler, Error Code System, React DevTools 测试：Jest, Prettier 发布：npm 按照ES模块机制组织源码，辅以类型检查和Lint /格式化工具，借助Yarn处理模块依赖，HUBOT检查PR；Rollup + Closure Compiler构建，利用Error Code机制实现生产环境错误追踪，DevTools侧面辅助bundle ，几种用途： 旧代码格式化成统一风格 提交之前对有改动的部分进行格式化 配合持续集成，保证PR代码风格完全一致（否则build失败，并输出风格存在差异的部分） 集成到IDE，日常没事格式化一发 对构建结果进行格式化 ，一方面提升dev bundle可读性，另外还有助于发现prod bundle中的冗余代码 统一的代码风格当然有利于协作，另外，对于开源项目，经常面临风格各异的PR，把严格的格式化检查作为持续集成的一个强制环节能够彻底解决代码风格差异的问题
1.9K20发布于 2019-06-12 - 来自专栏静晴轩
使用ESLint ＆ Prettier美化Vue代码
Prettier 是一个有见识的代码格式化工具。它通过解析代码并使用自己的规则重新打印它，并考虑最大行长来强制执行一致的样式，并在必要时包装代码。 等语言，您可以结合 ESLint 和 Prettier，检测代码中潜在问题的同时，还能统一团队代码风格，从而促使写出高质量代码，来提升工作效率。 Prettier 格式化后的代码，有不一致的地方就会报错提示；我们可以借助一些工具来修复，比如： eslint --fix，prettier-eslint-cli；可将其配置在 package scripts Pre-commit Hook 约束代码提交 以上探讨了如何运用 ESLint ＆ Prettier 写出优质代码，这都是针对个人的推荐性行为；为保证团队统一代码风格，则必须采取些手段以强制约束；假如您的团队使用 Git 作为代码管理工具，在 commit 行为及之前进行甄别约束，是很棒的选择；于此，可借助 husky & lint-staged 来实现之。
3.8K71发布于 2018-06-19 - 来自专栏程序员成长指北
代码规范之-理解ESLint、Prettier、EditorConfig
，减少后期二次修改代码的风险； 简单归纳： EditorConfig: 跨编辑器和IDE编写代码，保持一致的简单编码风格； Prettier: 专注于代码格式化的工具，美化代码； ESLint：作代码质量检测 ESLint ESLint 是一个在 JavaScript 代码中通过规则模式匹配作代码识别和报告的插件化的检测工具，它的目的是保证代码规范的一致性和及时发现代码问题、提前避免错误发生。 那么 TypeScript 已经能够在编译阶段检查出很多问题了，为什么还需要Lint工具代码检查呢？ 因为 TypeScript 关注的重心是类型的检查，而不是代码风格。 AST来分析代码中的模式，再通过匹配规则定义识别和报告搜集的代码信息。 具体配置及使用方式，请自行查阅探索； 总结 ESLint、Prettier、EditorConfig的引入，需要牺牲一些开发人员的编码自由，来保证团队成员代码风格的一致性，进而提高代码的可读性、可维护性
4.1K30发布于 2020-12-17
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号